<template name="ys-goods-detail">
<view class="ys-goods-detail">
    <view class="title">
        {{title}}
    </view>
    <view class="content">
        <rich-text :nodes="value"></rich-text>
    </view>
</view>
</template>

<script>
    export default {
        name: "ys-goods-detail",
        props: {
            title : {
                type: String,
                default: "商品详情"
            },
            value: {
                type: String,
                default: ""
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
.ys-goods-detail {
    margin-top: 20upx;
    background-color: #fff;
    padding-bottom: 40upx;
    font-size: 26upx;
    color: #999;
    line-height: 32upx;    
    .title {
        font-size: 36upx;
        color: #999;
        text-align: center;
        line-height: 72upx;
        position: relative;
        margin-bottom: 20upx;        
    }
    .content {
        font-size: 26upx;
        color: #999;
        line-height: 32upx;
        padding: 0 40upx 40upx 40upx;        
    }
}
</style>
